
body{
    background: #333;
}
#box{
    position: absolute;
    top: 100px;
    left: 200px;
    width: 460px;
    height: 360px;
}
#img1{
    opacity: 0.7;
    position: absolute;
    top: 0px;
    left: 0px;
}
#img2{
    position: absolute;
    top: 0px;
    left: 0px;
    clip: rect(0,200px,200px,0);
}
#main{
    border: 1px solid #fff;
    width: 267px;
    height: 150px;
    position: absolute;
    cursor: move;
}
.minDiv{
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
}
.left-up{
    margin-left: -4px;
    top: -4px;
    cursor:nw-resize;
}
.up{
    left: 50%;
    margin-left: -4px;
    top: -4px;
    cursor:n-resize;
}
.right-up{
    left: 100%;
    margin-left: -4px;
    top: -4px;
    cursor:ne-resize;
}
.right{
    left: 100%;
    top: 50%;
    margin-left: -4px;
    margin-top: -4px;
    cursor:e-resize;
}
.right-down{
    left: 100%;
    top: 100%;
    margin-top: -4px;
    margin-left: -4px;
    cursor:se-resize;
}
.down{
    left: 50%;
    top: 100%;
    margin-left: -4px;
    margin-top: -4px;
    cursor:s-resize;
}
.left-down{
    margin-left: -4px;
    top: 100%;
    margin-top: -4px;
    cursor:sw-resize;
}
.left{
    top: 50%;
    margin-left: -4px;
    margin-top: -4px;
    cursor:w-resize;
}
#preview{
    position: absolute;
    width: 460px;
    height: 360px;
    top: 100px;
    left: 970px;
}

#preview img{
    position: absolute;
}
.rect-x{
    top:33.333333%;
    height: 33.333333%;
    width: 100%;
    left: 0%;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    position: absolute;
}

.rect-y{
    left:33.333333%;
    width: 33.333333%;
    height: 100%;
    top:0%;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    position: absolute;
}

.dash{
    border-style:dashed;
    border-color: #eee;
    opacity:0.5;
}

.data-area{
    top:620px;
    left:200px;
    background-color:white;
    position: absolute;
}

.table{
    width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0
}
.table-bg thead th{
    background-color:#F5FAFE
}
.table-border{
    border-top:1px solid #ddd
}
.table-bordered{
    border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0
}
.table-striped{
    background-color: transparent
}
.data-input-div{
    width: 300px;
    height: 40px;
    margin-left: 5px;
    margin-top: 13px;
}

.data-input-div label{
    width: 70px;
    border: 1px solid rgba(0,0,0,.15);
    background-color:#eceeef;
    text-align:center;
    font-weight:400;
    display: block;
    position: absolute;
}

.data-input-div input,span{
    position: relative;
    left: 85px;
}

